﻿<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>圆角边框</title>
    <style type="text/css">
        #sash_left
        {
            width: 430px;
            float: left;
        }
        #sash_left ul
        {
            text-align: left;
            vertical-align: middle;
            padding-left: 75px;
        }
        #sash_left ul li
        {
            line-height: 16px;
            margin: 2px 0;
        }
        .b1, .b2, .b3, .b4
        {
            font-size: 1px;
            overflow: hidden;
            display: block;
        }
        .b1
        {
            height: 1px;
            background: #AAA;
            margin: 0 5px;
        }
        .b2
        {
            height: 1px;
            background: #E0E0E0;
            border-right: 2px solid #AAA;
            border-left: 2px solid #AAA;
            margin: 0 3px;
        }
        .b3
        {
            height: 1px;
            background: #E3E3E3;
            border-right: 1px solid #AAA;
            border-left: 1px solid #AAA;
            margin: 0 2px;
        }
        .b4
        {
            height: 2px;
            background: #E6E6E6;
            border-right: 1px solid #AAA;
            border-left: 1px solid #AAA;
            margin: 0 1px;
        }
        .contentb
        {
            height: 186px;
            background: #E9E9E9;
            border-right: 1px solid #AAA;
            border-left: 1px solid #AAA;
        }
    </style>
</head>
<body>
    <div id="sash_left">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
        <div class="contentb">
            <ul>
                <li class="dashedline">JavaScript/CSS特效代码</li>
            </ul>
        </div>
        <b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
    </div>
</body>
</html>
